<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const obj = {
            id: 1,
            age: 12,
            name: 'lisi',
            address: '山东大道1101号'
        }
        // 原来的方法 for in
        for (let key in obj) {
            console.log(key, obj[key]);
        }
        // Object.keys() 通常与 forEach 搭配
        console.log(Object.keys(obj));
        
        // 最大的区别 for in 是单个元素 Object.keys() 返回的是数组
        // 所以可以通过数组的方法更高效、方便地处理数据
        // 获得以 a 开头的元素的值
        Object
            .keys(obj)
            .filter((key) => key.startsWith('a'))
            .forEach((key) => console.log(key, obj[key]));
    </script>
</body>
</html>